<template>
	<view class="">
		<slot />
	</view>
</template>

<script>
	/*
	 * @property {Boolean}	accordion		    是否开启手风琴模式
	 * @property {Boolean}	border		        是否显示边框线
	 */
	export default {
		name: 'zhCollapse',
		props: {
			accordion: {
				typeOf: Boolean,
				default: false,
			},

			border: {
				typeOf: Boolean,
				default: true,
			},
			default_unfold: {
				default: [],
			}
		},
		components: {},
		data() {
			return {
				childrens: [],
			}
		},
		mounted() {
			this.$nextTick(() => {
				this.setBorder(this.border)
				this.childrens.forEach((item, index) => {
					this.default_unfold.map((itema, indexa) => {
						if (index == indexa) {
							item.isOpen = true
						}
					})
				})
			})
		},
		methods: {
			setAccordion(self) { //手风琴 ，非他思想
				if (!this.accordion) return
				this.childrens.forEach((item, index) => {
					if (self !== item) {
						item.isOpen = false
					}
				})
			},
			setBorder(val) { //是否显示边框
				this.childrens.forEach((item, index) => {
					item.isBorder = val
				})
			},
			onChange() { //展开面板的index集合
				let arr = []
				this.childrens.forEach((item, index) => {
					if (item.isOpen) {
						arr.push(index)
					}
				})
				this.$emit('change', arr)
			},
		},
		computed: {

		},
		watch: {}
	}
</script>

<style lang="scss" scoped>

</style>